<?php $this -> layout = 'frontend'; ?>

<div class="row">
	<div class="col-md-12" style="margin-bottom: 5%">
		<div class="col-md-10 col-md-offset-1">
			<div class="col-md-12 col-lg-8 col-lg-offset-2" style="padding: 0%">

				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
					<!-- Indicators -->
					<ol class="carousel-indicators">
						<li data-target="#carousel-example-generic" class="active" data-slide-to="0" ></li>
						<li data-target="#carousel-example-generic" data-slide-to="1"></li>
						<li data-target="#carousel-example-generic" data-slide-to="2"></li>
						<li data-target="#carousel-example-generic" data-slide-to="3"></li>
						<li data-target="#carousel-example-generic" data-slide-to="4"></li>
						<li data-target="#carousel-example-generic" data-slide-to="5"></li>
						<li data-target="#carousel-example-generic" data-slide-to="6"></li>
						<li data-target="#carousel-example-generic" data-slide-to="7"></li>
					</ol>

					<!-- Wrapper for slides -->
					<div class="carousel-inner">
						<div class="item active">

							<div class="col-md-12 slideContent">
								<div class="col-md-11 col-md-offset-1">

									<h1 class="text-white slideTitleH"><span class="slideTitle"> Integrador</span></h1>

								</div>
								<div class="col-md-12 slideBg" style="overflow: auto;">
									<div class="col-md-8">
										<?= $this->Html->image('slide8.png', ['alt' => 'ABERT', 'class' => 'img-responsive']);
										?>
									</div>

									<div class="col-md-3 slideInfos">
										<h4 class="text-white slideText">Listagem de todas as
										emissoras afiliadas à ABERT </h4>
										<div class="col-md-10 col-md-offset-1 slideBtn">
											<a class="btn btn-info center-block" href="saibamais"> <span class="glyphicon glyphicon-plus-sign pull-left"></span> Saiba mais </a>
										</div>
									</div>
								</div>
							</div>
							<div class="carousel-caption">

							</div>
						</div>

						<div class="item">

							<div class="col-md-12 slideContent">
								<div class="col-md-11 col-md-offset-1">

									<h1 class="text-white slideTitleH"><span class="slideTitle"> Integrador</span></h1>

								</div>
								<div class="col-md-12  slideBg">
									<div class="col-md-8">
										<?= $this->Html->image('slide7.png', ['alt' => 'ABERT', 'class' => 'img-responsive']);
										?>
									</div>

									<div class="col-md-3 slideInfos">
										<h4 class="text-white slideText">Filtro de busca por gênero
										sintonia, cidade, estado
										e região. </h4>
										<div class="col-md-10 col-md-offset-1 slideBtn">
											<a class="btn btn-info center-block" href="saibamais"> <span class="glyphicon glyphicon-plus-sign pull-left"></span> Saiba mais </a>
										</div>
									</div>
								</div>
							</div>
							<div class="carousel-caption">

							</div>
						</div>

						<div class="item">

							<div class="col-md-12 slideContent">
								<div class="col-md-11 col-md-offset-1">

									<h1 class="text-white slideTitleH"><span class="slideTitle"> Integrador</span></h1>

								</div>
								<div class="col-md-12  slideBg">
									<div class="col-md-8">
										<?= $this->Html->image('slide6.png', ['alt' => 'ABERT', 'class' => 'img-responsive']);
										?>
									</div>

									<div class="col-md-3 slideInfos">
										<h4 class="text-white slideText">Tela exclusiva da emissora</h4>
										<h4 class="text-white slideText">Serviço de SMS</h4>
										<h4 class="text-white slideText">Link de download de
										aplicativo exclusivo
										(se disponível)</h4>
										<div class="col-md-10 col-md-offset-1 slideBtn" style="margin-top: 20%">
											<a class="btn btn-info center-block" href="saibamais"> <span class="glyphicon glyphicon-plus-sign pull-left"></span> Saiba mais </a>
										</div>
									</div>
								</div>
							</div>
							<div class="carousel-caption">

							</div>
						</div>

						<div class="item">

							<div class="col-md-12 slideContent">
								<div class="col-md-11 col-md-offset-1">

									<h1 class="text-white slideTitleH"><span class="slideTitle"> Aplicativo exclusivo</span></h1>

								</div>
								<div class="col-md-12  slideBg">
									<div class="col-md-8">
										<?= $this->Html->image('slide5.png', ['alt' => 'ABERT', 'class' => 'img-responsive']);
										?>
									</div>

									<div class="col-md-3 slideInfos">
										<h4 class="text-white slideText" style="font-size: 17px">Uma ferramenta de
										relacionamento com painel
										de controle exclusivo.</h4>

										<h4 class="text-white slideText" style="font-size: 17px">Relatório de estatísticas do
										usuário (acesso as redes
										sociais a partir do aplicativo).</h4>
										<h4 class="text-white slideText" style="font-size: 17px"> Cadastro dos usuários via
										facebook ou email.</h4>
										<div class="col-md-10 col-md-offset-1 slideBtn" style="margin-top: 20%">
											<a class="btn btn-info center-block" href="saibamais"> <span class="glyphicon glyphicon-plus-sign pull-left"></span> Saiba mais </a>
										</div>
									</div>
								</div>
							</div>
							<div class="carousel-caption">

							</div>
						</div>

						<div class="item">

							<div class="col-md-12 slideContent">
								<div class="col-md-11 col-md-offset-1">

									<h1 class="text-white slideTitleH"><span class="slideTitle"> Aplicativo exclusivo</span></h1>

								</div>
								<div class="col-md-12  slideBg">
									<div class="col-md-8">
										<?= $this->Html->image('slide4.png', ['alt' => 'ABERT', 'class' => 'img-responsive']);
										?>
									</div>

									<div class="col-md-3 slideInfos">
										<h4 class="text-white slideText">O único do Brasil com CHAT
										gratuito e ilimitado.</h4>
										<div class="col-md-10 col-md-offset-1 slideBtn">
											<a class="btn btn-info center-block" href="saibamais"> <span class="glyphicon glyphicon-plus-sign pull-left"></span> Saiba mais </a>
										</div>
									</div>
								</div>
							</div>
							<div class="carousel-caption">

							</div>
						</div>

						<div class="item">

							<div class="col-md-12 slideContent">
								<div class="col-md-11 col-md-offset-1">

									<h1 class="text-white slideTitleH"><span class="slideTitle"> Aplicativo exclusivo</span></h1>

								</div>
								<div class="col-md-12  slideBg">
									<div class="col-md-8">
										<?= $this->Html->image('slide3.png', ['alt' => 'ABERT', 'class' => 'img-responsive']);
										?>
									</div>

									<div class="col-md-3 slideInfos">
										<h4 class="text-white slideText" style="font-size: 17px">Painel de interação com os
										ouvintes que utilizam o chat.</h4>
										<h4 class="text-white slideText" style="font-size: 17px">Filtro de busca de mensagens
										por usuário, por hashtag (#)
										ou por periodo.</h4>
										<h4 class="text-white slideText" style="font-size: 17px">Cadastro dos usuários via
										Facebook ou email.</h4>

										<div class="col-md-10 col-md-offset-1 slideBtn" style="margin-top: 20%">
											<a class="btn btn-info center-block" href="saibamais"> <span class="glyphicon glyphicon-plus-sign pull-left"></span> Saiba mais </a>
										</div>
									</div>
								</div>
							</div>
							<div class="carousel-caption">

							</div>
						</div>

						<div class="item">

							<div class="col-md-12 slideContent">
								<div class="col-md-11 col-md-offset-1">

									<h1 class="text-white slideTitleH"><span class="slideTitle"> Aplicativo exclusivo</span></h1>

								</div>
								<div class="col-md-12  slideBg">
									<div class="col-md-8">
										<?= $this->Html->image('slide2.png', ['alt' => 'ABERT', 'class' => 'img-responsive']);
										?>
									</div>

									<div class="col-md-3 slideInfos">
										<h4 class="text-white slideText">Lista de programação,
										favoritos, redes sociais e
										muito mais</h4>
										<div class="col-md-10 col-md-offset-1 slideBtn">
											<a class="btn btn-info center-block" href="saibamais"> <span class="glyphicon glyphicon-plus-sign pull-left"></span> Saiba mais </a>
										</div>
									</div>
								</div>
							</div>

							<div class="carousel-caption">

							</div>
						</div>

						<div class="item " style="padding: 0%">

							<div class="col-md-12 slideContent">
								<div class="col-md-11 col-md-offset-1 titleDiv">

									<h1 class="text-white slideTitleH"><span class="slideTitle"> Integrador</span></h1>

								</div>
								<div class="col-md-12  slideBg">
									<div class="col-md-8" style="padding-left: 0px">
										<?= $this->Html->image('slide1.png', ['alt' => 'ABERT', 'class' => 'img-responsive']);
										?>
									</div>

									<div class="col-md-3 slideInfos">
										<h4 class="text-white slideText">Compartilhamento nas
										redes sociais</h4>
										<div class="col-md-10 col-md-offset-1 slideBtn">
											<a class="btn btn-info center-block" href="saibamais"> <span class="glyphicon glyphicon-plus-sign pull-left"></span> Saiba mais </a>
										</div>
									</div>

								</div>
							</div>

							<div class="carousel-caption">

							</div>
						</div>

					</div>

					<!-- Controls -->
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left slideArrow"></span> </a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right slideArrow"></span> </a>
				</div>

			</div>
		</div>

	</div>
</div>